GIỚI THIỆU ĐỒ ÁN BUSTIKET
Đây là source code Frontend website đặt vé xe buýt trực tuyến, được xây dựng với ReactJS kết hợp TypeScript và sử dụng Tailwind CSS để thiết kế giao diện. Code hiện đại, chuẩn chỉ, phù hợp để làm đồ án hoặc phát triển tiếp.
📌 Tính năng nổi bật:
-
Công nghệ: ReactJS (Hooks), TypeScript, Tailwind CSS.
-
Quản lý dữ liệu: Sử dụng Local Storage để lưu trữ thông tin vé, lịch sử đặt vé (không cần cài đặt Database phức tạp, tải về chạy ngay).
-
Giao diện: Thiết kế hiện đại, Responsive (tương thích mobile/desktop) nhờ sức mạnh của Tailwind CSS.
-
Chức năng chính:
-
Tìm kiếm chuyến xe (Điểm đi, điểm đến, ngày giờ).
-
Sơ đồ chọn ghế trực quan.
-
Đặt vé và xem lại lịch sử đặt vé.
-
Cấu trúc Code: Clean code, chia tách Component, Hooks, Types rõ ràng, dễ dàng mở rộng hoặc tích hợp thêm Backend.
📌 Phù hợp cho:
-
Các bạn sinh viên làm đồ án môn học, bài tập lớn môn Lập trình Web, ReactJS.
-
Người mới bắt đầu học ReactJS/TypeScript/Tailwind muốn tham khảo cấu trúc dự án chuẩn.
-
-
-
-
-
-
-
Look up
-
Translate
-
Setting
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Để chạy được source code, các bạn đảm bảo máy đã cài đặt NodeJS. Sau đó làm theo các bước sau:
-
Tải code về máy và giải nén.
-
Mở thư mục code trong VS Code (hoặc Terminal).
-
Cài đặt các thư viện cần thiết bằng lệnh: npm install
-
Cấu hình biến môi trường:
-
Tìm file .env.template trong thư mục gốc.
-
Copy file đó và đổi tên thành .env.
-
Mở file .env lên và điền các thông tin cấu hình theo hướng dẫn ghi bên trong file (nếu có).
-
Chạy dự án: npm start (hoặc npm run dev tùy vào cấu hình trong package.json)
-
Truy cập trình duyệt theo đường dẫn hiển thị trên terminal (thường là http://localhost:3000).
-
-
-
-
-
-
-
Look up
-
Translate
-
Setting